<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
    <?php include_http_metas() ?>
    <!-- This stylesheet only adds some repairs on idevices  -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <?php include_metas() ?>
    <?php include_title() ?>

    <link href='http://fonts.googleapis.com/css?family=Rufina:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="<?php echo sfConfig::get('app_aoi_site_url') ?>addons/superfish_responsive/superfish.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo sfConfig::get('app_aoi_site_url') ?>jquery-ui-theme/jquery-ui-1.9.2.custom.min.css" type="text/css" />
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
  
  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/jquery-1.8.2.min.js">\x3C/script>')</script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
  <script src="<?php echo sfConfig::get('app_aoi_site_url') ?>js/jquery.noconflict.js" type="text/javascript"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.1/modernizr.min.js" type="text/javascript"></script>
  
  <link rel="shortcut icon" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/favicon.png">
  <link rel="apple-touch-icon" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="72x72" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="<?php echo sfConfig::get('app_aoi_site_url') ?>images/favicons/apple-touch-icon-114x114.png">
  
  <!--[if lte IE 9]>
    <link rel="stylesheet" type="text/css" href="css/fixes.css" />
  <![endif]-->

  <!--[if lte IE 8]>
    <script src="js/respond.js"></script>
    <script type="text/javascript"> 
    var $buoop = {vs:{i:8,f:6,o:10.6,s:4,n:9}} 
    $buoop.ol = window.onload; 
    window.onload=function(){ 
     try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
     var e = document.createElement("script"); 
     e.setAttribute("type", "text/javascript"); 
     e.setAttribute("src", "http://browser-update.org/update.js"); 
     document.body.appendChild(e); 
    } 
    </script> 
  <![endif]-->
  
  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  
  <!-- Facebook OpenGraph Tags - Replace with your own -->
  <meta property="og:title" content="Comoros Airways Template HTML"/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="http://www.hogash.com/demo/kalypso_html/"/>
  <meta property="og:image" content="http://www.hogash.com/demo/kalypso_html/images/logo.png"/>
  <meta property="og:site_name" content="Comoros Airways"/>
  <meta property="fb:app_id" content=""/> <!-- PUT HERE YOUR OWN APP ID - you could get errors if you don't use this one -->
  <meta property="og:description" content="Welcome to Comoros Airways Template, a wonderful and premium product for multipurpose websites"/>
  <!-- END Facebook OpenGraph Tags -->
  
  <!-- THIS IS THE DARK THEME STYLESEET // REMOVE COMMENTS TO ENABLE -->
  <!-- <link rel="stylesheet" href="css/dark-theme.css" type="text/css" /> -->
  <!-- END DARK THEME -->
    
</head>

<body class="">
      <!-- ADD AN APPLICATION ID !!
  If you want to know how to find out your app id, either search on google for: facebook appid, either go to http://rieglerova.net/how-to-get-a-facebook-app-id/ -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId="; // addyour appId here
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
    
      <div class="support_panel" id="sliding_panel">
    <div class="container">
      <div class="row">
        <div class="span9">
          <h4 class="m_title">HOW TO SHOP</h4>
          <div class="m_content how_to_shop">
            <div class="row">
              <div class="span3">
                <span class="number">1</span> Login or create new account.
              </div>
              <div class="span3">
                <span class="number">2</span> Review your order.
              </div>
              <div class="span3">
                <span class="number">3</span> Payment &amp; <strong>FREE</strong> shipment
              </div>
            </div>
            <p>If you still have problems, please let us know, by sending an email to support@website.com . Thank you!</p>
          </div><!-- end how to shop steps -->
        </div>
        <div class="span3">
          <h4 class="m_title">SHOWROOM HOURS</h4>
          <div class="m_content">
          Mon-Fri 9:00AM - 6:00AM<br>
          Sat - 9:00AM-5:00PM<br>
          Sundays by appointment only!
          </div>
        </div>
      </div>
    </div>
  </div><!-- end support panel -->
    
  <div class="login_register_stuff hide"><!-- Login/Register Modal forms - hidded by default to be opened through modal -->
    <div id="login_panel">
      <div class="inner-container login-panel">
        <h3 class="m_title">SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES</h3>
        <form id="login_form" name="login_form" method="post">
          <a href="#" class="create_account" onClick="ppOpen('#register_panel', '280');">CREATE ACCOUNT</a>
          <input type="text" id="username" name="username" class="inputbox" placeholder="Username">
          <input type="password" id="password" name="password" class="inputbox" placeholder="Password">
          <input type="submit" id="login" name="submit" value="LOG IN">
          <a href="#" class="login_facebook">login with facebook</a>
        </form>
        <div class="links"><a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR USERNAME?</a> / <a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR PASSWORD?</a></div>
      </div>
    </div><!-- end login panel -->

    <div id="register_panel">
      <div class="inner-container register-panel">
        <h3 class="m_title">CREATE ACCOUNT</h3>
        <form id="register_form" name="register_form" method="post">
          <p>
            <input type="text" id="reg-username" name="username" class="inputbox" placeholder="Username">
          </p>
          <p>
            <input type="text" id="fullname" name="fullname" class="inputbox" placeholder="Your full name">
          </p>
          <p>
            <input type="text" id="reg-email" name="email" class="inputbox" placeholder="Your email">
          </p>
                    <p>
            <input type="password" id="reg-password" name="password" class="inputbox" placeholder="Desired password">
          </p>
          <p>
            <input type="password" id="confirm_password" name="confirm_password" class="inputbox" placeholder="Confirm password">
          </p>
          <p>
            <input type="submit" id="signup" name="submit" value="CREATE MY ACCOUNT">
          </p>
        </form>
        <div class="links"><a href="#" onClick="ppOpen('#login_panel', '800');">ALREADY HAVE AN ACCOUNT?</a></div>
      </div>
    </div><!-- end register panel -->

    <div id="forgot_panel">
      <div class="inner-container forgot-panel">
        <h3 class="m_title">FORGOT YOUR DETAILS?</h3>
        <form id="forgot_form" name="forgot_form" method="post">
          <p>
            <input type="text" id="forgot-email" name="email" class="inputbox" placeholder="Email Address">
          </p>
          <p>
            <input type="submit" id="recover" name="submit" value="SEND MY DETAILS!">
          </p>
        </form>
        <div class="links"><a href="#" onClick="ppOpen('#login_panel', '800');">AAH, WAIT, I REMEMBER NOW!</a></div>
      </div>
    </div><!-- end register panel -->
  </div><!-- end login register stuff -->
    
  <div id="page_wrapper">

    <header id="header" class="style2">
      <div class="container">

        <!-- logo -->
        <h1 id="logo"><a href="<?php echo url_for('homepage') ?>"><img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/comoros-airways-logo.png" alt="Comoros Airways"></a></h1>
                
<script type="text/javascript">
// THIS SCRIPT DETECTS THE ACTIVE ELEMENT AND ADDS ACTIVE CLASS
(function($){ 
  $(document).ready(function(){
    var pathname = window.location.pathname,
      page = pathname.split(/[/ ]+/).pop(),
      menuItems = $('#main_menu a');
    menuItems.each(function(){
      var mi = $(this),
        miHrefs = mi.attr("href"),
        miParents = mi.parents('li');
      if(page == miHrefs) {
        miParents.addClass("active").siblings().removeClass('active');
      }
    });
  });
})(jQuery);
</script>

      </div>
    </header>
    
    <?php echo $sf_content ?>

        
    </div><!-- end page_wrapper -->
  
    <a href="#" id="totop">TOP</a>

<!--////////////////// Load JS Files -->


<!-- JavaScript at the bottom for fast page loading -->

<script type="text/javascript" src="<?php echo sfConfig::get('app_aoi_site_url') ?>js/bootstrap.min.js"></script><!-- Bootstrap Framework -->
<script type="text/javascript" src="<?php echo sfConfig::get('app_aoi_site_url') ?>js/plugins.js"></script><!-- jQuery Plugins -->
<script type="text/javascript" src="<?php echo sfConfig::get('app_aoi_site_url') ?>addons/superfish_responsive/superfish_menu.js"></script><!-- Superfish Menu -->


<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
   <script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-37487895-1']);
 _gaq.push(['_setDomainName', 'comoroairways.com']);
 _gaq.push(['_setAllowLinker', true]);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>


</body>
</html>
